@import '../../var';
page {
  background-color: $bgcolor-gray;
}
.headTitle {
  color: $title-color;
  font-size: 36rpx;
}
.company {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  height: 100rpx;
  margin-top: 20rpx;
  padding: 0rpx 30rpx;
  color: $title-color;
  font-size: 30rpx;
  background-color: $bgcolor-light;
  border-bottom: 1rpx solid #e8e8e8;
  .right {
    input {
      width: 100%;
      text-align: right;
    }
    display: flex;
    align-items: center;
    color: $decor-color;
    .companyTitle {
      width: 450rpx;
      text-align: right;
    }
    .hasCompany {
      color: $title-color;
    }
    .iconBox {
      width: 14rpx;
      height: 24rpx;
      margin-left: 20rpx;
      image {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
  }
}
.idBox {
  width: 100%;
  height: 400rpx;
  padding: 26rpx 30rpx;
  font-size: 30rpx;
  background-color: $bgcolor-light;
}
.placeholder {
  color: $decor-color;
  font-size: 30rpx;
}
.submit {
  position: absolute;
  bottom: 0rpx;
  bottom: 30rpx;
  left: 30rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 690rpx;
  height: 80rpx;
  color: $bgcolor-light;
  font-size: 30rpx;
  background-color: $primary-color;
  border-radius: 40rpx;
  opacity: 0.4;
}
.active {
  opacity: 1;
}
.order-list {
  margin-top: 20rpx;
  background-color: #fff;
  padding: 32rpx 32rpx 60rpx;

  .title {
    font-size: 32rpx;
    font-weight: bold;
  }

  .item {
    display: flex;
    align-items: center;
    &:not(:first-child) {
      margin-top: 40rpx;
    }
    .product {
      display: flex;
      width: 100%;
      height: 100rpx;
      border: 1rpx solid $border-color;
      overflow: hidden;
      .productImg {
        width: 100rpx;
        height: 100rpx;
      }
      .productPrice {
        flex: 1;
        padding: 20rpx 20rpx 18rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        .title {
          color: $title-color;
          font-size: 24rpx;
        }
        .productCount {
          color: $info-color;
          font-size: 22rpx;
          text-align: right;
          &-price {
            color: $title-color;
          }
        }
        .options {
          color: $info-color;
          font-size: 20rpx;
        }
      }
    }
  }
}
